<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
   <!--
      <h1>-<h6>:标题，h1- h6分为六个级别的标题，标题独自占一行
    -->
   <!--
    </center>:居中没在改标签中的内容全部在浏览器上居中显示。H5之后不建议使用该标签了。
          后期布局都是靠CSS样式。
   <h1>-<h6>:标题，h1-6分别为六个级别的标题，标题独自占一行。
   <input>:输入域,用来获取用户的输入，它可以体现成不同的样子，这是由属性type决定的
           type常见的值如:text,文本框。radio，单选框。checkbox，复选框
                        button，按钮。等等很多种

            跳转的地址.

       <img>:图片，src属性用于固定图片的地址

       像超链接，图片都会去指定一个地址，这里指定地址与两种形式:绝对路径和相对路径
       绝对路径如:
       http://www.tedu.cn
       通常超链接会使用这样的地址来跳转到其他网站

       /myweb/logo.png
       最终写法是定位本网站的地址,最开始的"/"对应的是抽象路径部分最开始的"/"
       例如在浏览器输入地址:http://localhost:8088/myweb/index.html
       那么浏览器在index.html页面上
       "/myweb/logo.png"这里最前面的"/"位置为
       ^
       http://localhost:8088/
                           ^
       因此浏览器理解其对应的实际路径为:
       http://localhost:8088/myweb/logo.png

       相对路径
       如果在页面上使用地址:"./logo.png"
       那么浏览器输入地址:http://localhost:8088/myweb/index.html后在该页面上
       看到的"./logo.png"的"./"表示的就是号页面所在的位置:
       http://localhost:8088/myweb/
       因此浏览器理解其对应的实际路径为:
       http://localhost:8088/myweb/logo.png


     -->
<center>
    <!--<h1>百度</h1>
    以图片为例，指定图片地址的三种写法:
    1:绝对路径
    <img src= "http://localhost:8088/myweb/logo.png">

    2.绝对路径写法(根路径开始)
     <img src= "/myweb/logo.png">
     注:最开始"/"表示的是URL中抽象路径部分中的第一个"/"

     3:相对路径写法
      <img src= "./logo.png">
      注:"./"表示的是URL中抽象路径部分中的最后一个"/"
    -->
    <img src= "./logo.png"><br>
    <input type="text" size="32">
    <input type="text" value="百度一下" onclick="alert('点你妹呀！')">
    <br>
    <a href="http://www.taobao.com">去淘宝</a>
    <a href="writeArticle.html">去发表</a>
    <br>
    <a href="/myweb/showAllUser">用户列表</a>
    <a href="/myweb/showAllArticle">文章列表</a>
    <br>
    <a href="./reg.html">去注册</a>
    <a href="login.html">去登录</a>
    <br>
    <a href="createQR.html">二维码生成器</a>
    <table border="1">
        <tr>
            <td>第1列</td>
            <td colspan="2" align="center">第2列</td>
            <td>第3列</td>
        </tr>
        <tr>
            <td>第1列</td>
            <td>第2列</td>
            <td rowspan="2">第3列</td>
            <td>第4列</td>
        </tr>
        <tr>
            <td>第1列</td>
            <td>第2列</td>
            <td>第3列</td>
        </tr>
    </table>
</center>
</body>
</html>